$(document).ready(function() {	
	$(".btn_6prog_02").each(function(){
            var lis = $(this).find('.type1a .carrusel ul li');
            var margin = 0;
            var ulWidth = 0;
            for(var i=0; i<lis.length; i++){
                margin += parseInt($(lis[i]).css("margin-left"));
                ulWidth += $(lis[i]).width();
            }
            $(this).find(".type1a .carrusel ul").width(ulWidth + margin);
        });
        $(".btn_6prog_02").each(function(){
           if($(this).width()>624){
               $(this).width("948");
           }
        });
        
	// sacamos cuantas imagenes
	//var totalImagenes = $(".btn_6prog_02 .type1a .carrusel ul").length;
	
	// Sacamos el ancho total del UL del carrusel
	var anchoTotalUL = $(".btn_6prog_02 .type1a .carrusel ul").width(); // 100%
	
	
	var bulletSelected;
	var scrollLeft;
	
	if ($.browser.msie && parseInt($.browser.version, 10) <= 7){
		var anchoVentna = document.body.offsetWidth;
		//alert($.width());
		//alert(document.body.offsetWidth);
	}
	else{
		var anchoVentna =  $(window).width();
	}
	
	
	// checamos si se deben mostrar las flechas del carrusel si hay mas de 6 elementos
	if(anchoVentna > 590){
		
		if($(".btn_6prog_02 .type1a .carrusel ul li").length > 6){
			
			$(".btn_6prog_02 .title .flechas").show();
		}
		else{
			$(".btn_6prog_02 .title .flechas").hide();
		}
		
	}
	
	
	$('.btn_6prog_02 .type1a .carrusel').scroll(function(e){
		
		scrollLeft = $(this).scrollLeft() + (anchoVentna/2.5) ;
		
		//alert ( scrollLeft );
        
		var porcentaje =  ( scrollLeft * 100) / anchoTotalUL; 
		
		if( porcentaje >= 64)
			bulletSelected = 5;
		else if( porcentaje >= 50)
			bulletSelected = 4;
		else if( porcentaje >= 35)
			bulletSelected = 3;
		else if( porcentaje >= 25)
			bulletSelected = 2;
		else 
			bulletSelected = 1;
			
		//alert(bulletSelected);
		
		$('.btn_6prog_02 .bullets ul li').removeClass('selected');
		$(".btn_6prog_02 .bullets ul li:nth-child("+bulletSelected+")").addClass('selected');
    });

});